/* *{-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;} */
/*====================头部*********/
.header{width:100%;position: fixed;top:0;left:0;z-index:999;height:90px;transition: all 0.5s ease-in;transform: translateY(20px);}
.header.on{position: fixed;top: 0;left: 0;background: #1d459a;box-shadow: 0 0 5px rgba(0,0,0,0.1);transform: translateY(0);}
.header .logo{height: 90px;position: relative;display: flex;align-items: center;width: 200px;}
.header .logo h1{font-size: 0;}
.header .logo a img{max-height: 90px;max-width: 100%;position:absolute;left: 0;top: 50%;transform: translateY(-50%);transition: all 0.5s ease-in}
.header .logo .logo2{opacity: 0;}
.header.on .logo .logo1{opacity: 0;}
.header.on .logo .logo2{opacity: 1;}
.header .top_r li{display: inline-block;padding: 0 10px;height: 90px;position: relative;color: #fff;}
.header .top_r li:last-child{padding-right: 0;}
.header .top_r li i{font-size: 18px;display: inline-block;vertical-align: middle;line-height: 90px;}
.header .top_r li span{font-size: 13px;margin: 0 6px;}
.header .top_r li.search form{position: absolute;right: 0;top:101%;display: none;padding: 10px;background: #1d459a;width: 240px;height: 50px;font-size: 14px;}
.header .top_r li.search form .key{line-height: 30px;padding: 0 0 0 15px;width: 180px;float: left;}
.header .top_r li.search form .search-btn{line-height: 30px;height: 30px;;width: 40px;text-align: center;background: #fff;background: #fff url(../images/ser_icon.png)center no-repeat;}
.header .top_r .lang .cont{font-size: 14px;box-shadow: 0 0 8px rgba(0,0,0,0.2);padding: 10px;display: none;position: absolute;top: 101%;background: #fff;text-align: center;line-height: 1.5;width: 100px;left: 50%;transform: translateX(-50%);}
.header .top_r .lang .cont a{display: block;}

/*导航*/
.nav{height: 100%;display: block;z-index: 999;transition: all 0.5s ease 0s;    margin-right: 10%;}
.nav.scroll{position: fixed;animation:fadeInDown 0.5s linear forwards;top: 0; left: 0;}
.navbar_nav .dropdown{position: relative;display: inline-block;padding: 0 25px;}
.navbar_nav li .leve1{text-decoration: none;height: 100%;display: block;color: #fff;font-size: 16px;line-height: 90px;text-align: center;text-transform: capitalize;}
.navbar_nav li .leve1 .icon{padding-right: 10px;vertical-align: middle;font-size: 16px;vertical-align: middle;}
.navbar_nav{display: block;font-size: 0;text-align: right;}
.navbar_nav li.dropdown .dropdown_menu{width: 180px;text-align: center;padding: 5px;background: rgba(0,78,162,0.75);position: absolute;left: 50%;top: 100%;transform: translateX(-50%);color: #fff;position: absolute;z-index: 5;display: none;}
.navbar_nav li.dropdown .dropdown_menu li{padding:10px 0;} 
.navbar_nav li.dropdown .dropdown_menu  a{color: #fff;display: block;line-height: 1.2;font-size: 14px;margin: 10px 0;}
.navbar_nav li .leve1.active{color: #fff;}


/*homemain */
.wrapper{max-width: 1600px;margin:  0 auto;}
.homemain h3.title{font:600 40px/1 'Lato'; position: relative;margin-bottom: 20px;color: #333;}
.homemain h3.title span{font-size: 15px;font-weight: normal;margin-left: 10px;}
.imgarea{overflow: hidden;display: block;}
.imgarea img{width: 100%;transition: all 0.5s ease;height: 100%;}
.imgarea:hover img, li:hover .imgarea img{transform: scale(1.1);}

#owl-banner{position: relative;}
#owl-banner .item{height: 900px;text-align: center}
#owl-banner .owl-controls {margin-top: 0; position: absolute; bottom: 15px; left: 50%;margin-left: -30px;}
#owl-banner .owl-controls .owl-buttons{display: none;}
#owl-banner .owl-controls .owl-page span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity:1; background: #fff;transition: all .5s;}
#owl-banner  .owl-controls .owl-page.active span,
#owl-banner  .owl-controls.clickable .owl-page:hover span{background: #d20000;text-decoration: underline}
.homemain .jz{display: flex;display: flex;justify-content: center;flex-direction: column;}

/*mod1*/
.homemain .mod1{background: #edeef0;padding-bottom: 4%;}
.homemain .mod1 .top{background: url(../images/pro_bg.png)repeat;color: #fff;padding-top: 40px;border-bottom: 10px solid #febf38;}
.homemain .mod1 .top .wrapper{position: relative;}
.homemain .mod1 .top h3.title{display: inline-block;color: #fff;}
.homemain .mod1 .top .pro_link{position: absolute;bottom: 10px;right: 0;}
.homemain .mod1 .top a{color: #fff;padding: 20px;line-height: 1;}
.homemain .mod1 .top a:hover,.homemain .mod1 .top a.active{background: #febf38;color: #1d459a;font-weight: bold;}
.homemain .mod1 li{text-align: center;background-size: 100% auto;position: relative;padding: 15px ;background: #fff;}
.homemain .mod1 .bot{position: relative;}
.homemain .mod1 li .wrap{border: 1px solid #ddd;padding: 0 0 20px;}
.homemain .mod1 li .wrap .imgarea{height: 225px;}
.homemain .mod1 li h5{font-size: 18px;margin-top: 15px;}
.homemain .mod1 li .des{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow : hidden;word-break:break-all;margin: 15px;font-size: 14px;color: #888;}
.homemain .mod1 .swiper-container{margin: 50px 90px 0;}
.homemain .mod1 li i{display: inline-block;width:30px;height: 30px;line-height: 28px;border: 1px solid #999;font-size: 18px;border-radius: 50%;text-align: center;color: #999;}
.homemain .mod1 li:hover h5{color: #1d459a;font-weight: bold;}
.homemain .mod1 li:hover i{background: #1d459a;border-color: #1d459a;color: #fff;}
.homemain .mod1 li::after{content: '';position: absolute;width: 100%;height: 30px;background: url(../images/yiny.png)center no-repeat;left: 0;bottom: -25px;background-size: 100% auto;z-index: -1;}
.homemain .mod1 ul{padding-bottom: 25px;}
.homemain .mod1 .swiper-button-prev,.homemain .mod1 .swiper-button-next{background: no-repeat;font-size: 24px;color: #fff;margin-top: -50px;width: auto;height: auto;}
.homemain .mod1 .swiper-button-prev i,.homemain .mod1 .swiper-button-next i{font-size: 28px;color: #fff;display: inline-block;width: 50px;height: 100px;line-height: 100px;background: #1d459a;text-align: center;}

.homemain .mod2 {padding: 20px;background: #fff;}
.homemain .mod2 li .wrap{position: relative;overflow: hidden;}
.homemain .mod2 li .wrap img{max-width: 100%;transition: all 0.5s;}
.homemain .mod2 li .cover{position: absolute;width: 60%;height: 100%;left: 0;top: 0;color: #fff;z-index: 3;display: flex;justify-content: center;flex-direction: column;padding-left: 50px;}
.homemain .mod2 li .wrap::after{content: '';position: absolute;width: 50%;height: 100%;background: linear-gradient(to right,rgba(29,69,145,0.9) 50%, rgba(0,0,0,0) );left: 0;top: 0;}
.homemain .mod2 li h4{font-size: 30px;font-weight: bold;margin: 30px 0 60px;}
.homemain .mod2 li .line{width: 40px;height: 6px;background: #febf38;border-radius: 5px;}
.homemain .mod2 li .more{color: #aabfe3;font-size: 14px;}
.homemain .mod2 li:hover img{transform: scale(1.1);}

.homemain .mod3{padding: 4% 0;background: linear-gradient(to bottom,#fff 75%,#ecf1fb 75%);}
.homemain .mod3 .img{padding-right: 40px;}
.homemain .mod3 h3.title b{color: #1d459a;}
.homemain .mod3 .txtarea{padding-left: 30px;}
.homemain .mod3 li .wrap{text-align: center;margin-top: 50px;padding: 40px 0;box-shadow: 0 0 10px rgba(0,0,0,0.2);background: #fff;border-radius: 5px;transition: all 0.5s;}
.homemain .mod3 li h5{font-size: 18px;font-weight: bold;position: relative;margin-top: 20px;padding-bottom: 20px;}
.homemain .mod3 li h5::after{content: '';position: absolute;width: 30px;height: 2px;background: #1d459a;left: 50%;bottom: 0;transform: translateX(-50%);}
.homemain .mod3 li:hover h5{color: #fff;}
.homemain .mod3 li:hover h5::after{background: #fff;width: 40px;}
.homemain .mod3 li:hover .wrap{background: #1d459a;transform: translateY(-10px);}
.homemain .mod3 .more{color: #1d459a;}

.homemain .mod4{padding: 4% 0;background: url(../images/bg.jpg) center no-repeat;background-attachment: fixed;}
.homemain .mod4 .cont{margin-top: 50px;}
.homemain .mod4 .cont .wrap{position: relative;}
.homemain .mod4 .cont .cover{width: 80%;height: 80%;left: 10%;top: 10%;position: absolute;}
.homemain .mod4 .cont h5{font-size: 24px;font-weight: bold;}
.homemain .mod4 .cont .des{color: #666;margin: 20px 0 40px;}
.homemain .mod4 .cont .more{color: #fff;font-size: 14px;}
.homemain .mod4 .cont ul{padding-left: 0;}
.homemain .mod4 .cont li{position: relative;margin-bottom: 20px}
.homemain .mod4 .cont li .cover{align-items: center;color: #fff;}
.homemain .mod4 .cont .p1{margin-right: 20px;}



.homemain .mod5{padding: 3% 0;}
.homemain .mod5 h3.title{position: relative;padding-bottom: 15px;text-align: center;}
.homemain .mod5 .news{width: 27.5%;margin-right: 25px;}
.homemain .mod5 h5{font-size: 18px;margin: 15px 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: bold;transition: all 0.5s;}
.homemain .mod5 h5 i{font-size: 10px;color: #1d459a;}
.homemain .mod5 .des{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow : hidden;word-break:break-all;font-size: 14px;color: #777;}
.homemain .mod5 .more{color: #1d459a;margin-top: 10px;display: inline-block;}
.homemain .mod5 ul{flex: 1;overflow: hidden;}
.homemain .mod5 ul .wrap {border-bottom: 1px dashed #ddd;padding: 30px 0;}
.homemain .mod5 li .time{width: 100px;height: 100px;margin-right: 25px;display: flex;justify-content: center;align-items: center;flex-direction: column;background: #edeef0;}
.homemain .mod5 li .time p{font-size: 28px;font-weight: bold;color: #1d459a;line-height: 1.2;}
.homemain .mod5 li .txtarea{flex: 1;overflow: hidden;}
.homemain .mod5 .col-md-6{padding-left: 25px;padding-right: 25px;}
.homemain .mod5 ul li:first-child .wrap,.homemain .mod5 ul li:nth-child(2) .wrap{padding-top: 0;}
.homemain .mod5 ul li:nth-child(4) .wrap{border-bottom: none;margin-bottom: 1px;}
.homemain .mod5 .pic{position: relative;}
.homemain .mod5 .pic h4{transition: all 0.5s;position: absolute;left: 30px;color: #fff;font-size: 24px;padding: 10px 0;display: inline-block;border-top: 1px solid #fff;border-bottom: 1px solid #fff;top: 50%;transform: translateY(-50%);}
.homemain .mod5 .pic h4 i{display: inline-block;vertical-align: middle;width: 30px;height: 30px;line-height: 28px;text-align: center;border: 1px solid #fff;border-radius: 50%;margin-left: 10px;color: #fff;font-size: 18px;}
.homemain .mod5 .pic:hover h4{left: 40px;}
.homemain .mod5 .news:hover h5,.homemain .mod5 li:hover h5{padding-left: 10px;color: #1d459a;}


/*foot*/
.foot{background: #1d459a;padding: 3% 0;color: #fff;}
.foot .top{padding-bottom: 30px;border-bottom: 1px solid #ddd;}
.foot .top h1{float: left;}
.foot .top .foot-nav{float: right;}
.foot .top .foot-nav a{padding: 0 20px;color: #fff;margin-top: 30px;display: inline-block;}
.foot .bot{padding-top: 40px;color: #fff;}
.foot .bot .fn-col{display: inline-block;margin-right: 50px;}
.foot .bot .fn-col i{display: inline-block;width: 50px;height: 50px;line-height: 48px;border: 1px solid #fff;text-align: center;border-radius: 50%;margin-bottom: 10px;font-size: 24px;}
.foot .bot .code{text-align: center;}
.copy{padding: 15px 0;background: #0e358a;color: #adc3f3;}
.copy span{margin-right: 15px;}
.foot a{color: #fff;}
.copy a{color: #adc3f3;}


.fixed-r{position:fixed;width:60px;height:275px;right:0;top:50%;transform: translateY(-50%);z-index:100;z-index: 999;}
.fixed-r ul li{width:60px;height:60px;float:left;position:relative;margin-bottom: 1px;}
.fixed-r ul li .sidebox{position:absolute;width:60px;height:60px;top:0;right:0;transition:all 0.3s;background:#646577;color:#fff;font:15px/60px;overflow:hidden;}
.fixed-r ul li .sidetop,.fixed-r  ul li .wx{width:60px;height:60px;display:block;background:#646577;transition:all 0.3s;}
.fixed-r ul li i{display: inline-block;width: 60px;line-height: 60px;color: #fff;font-size: 30px;text-align: center;vertical-align: middle;}
.fixed-r .wx{position: relative;}
.fixed-r .wx .wx_code{position: absolute;width: 100px;height: 100px;background: rgba(20,38,78,0.5);padding: 4px;left: -110px;top: 50%;display: none;transform: translateY(-50%);text-align: center;}
.fixed-r .wx .wx_code img{max-width: 100%;}
.fixed-r .wx:hover .wx_code{display: block;}
.fixed-r ul li .sidetop:hover,.fixed-r ul li .sidebox:hover,.fixed-r .wx:hover{background:rgba(20,38,78,0.5);}

.fixed-b {width: 100%; background: #1d459a; bottom: 0; left: 0;z-index: 999; font-size: 14px;position: fixed;padding: 10px 0;display: none;}
.fixed-b li{ width: 25%; text-align: center; color: #fff; float: left;border-right: 1px solid #eee;box-sizing: border-box;}
.fixed-b li:last-child{ border-right: none;}
.fixed-b li a{color: #fff;}
.fixed-b li a i{font-size: 24px;padding-right: 5px;color: #fff;vertical-align: middle;line-height: 1;}
.fixed-b li a .icon-home{font-size: 18px;}